<!DOCTYPE html>
<html lang='zh-CN'>
<meta charset='utf-8'>
<meta content='IE=edge' http-equiv='X-UA-Compatible'>
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="stylesheet" href="../css/mdui.css">
<link rel="stylesheet" href="../css/md.css">
<link rel="stylesheet" href="https://fonts.cat.net/earlyaccess/notosansscsliced.css">
<title>文化传承</title>
<header>
    <div class="mdui-appbar mdui-appbar-fixed">
        <div class="mdui-toolbar mdui-color-theme">
            <a href="javascript:;" class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#left-drawer'}">
                <i class="mdui-icon material-icons">menu</i>
            </a>
            <a href="../index.html" class="mdui-ripple">
                <span class="mdui-typo-title">文化传承</span>
            </a>
            <div class="mdui-toolbar-spacer"></div>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon">
                <i class="mdui-icon material-icons">search</i>
            </a>
        </div>
    </div>
</header>

<body class="mdui-theme-primary-pink mdui-theme-accent-orange mdui-appbar-with-toolbar mdui-drawer-body-left ">
    <!-- 默认抽屉栏在左侧 -->
    <div class="mdui-drawer" id="left-drawer">
        <ul class="mdui-list">
            <a href="../news/index.html">
                <li class="mdui-list-item mdui-ripple mdui-list-item-active">
                    <i class="mdui-list-item-icon mdui-icon material-icons">laptop_chromebook</i>
                    <div class="mdui-list-item-content">联播快讯</div>
                </li>
            </a>

            <a href="../excerpt/index.html">
                <li class="mdui-list-item mdui-ripple">
                    <i class="mdui-list-item-icon mdui-icon material-icons">bookmark</i>
                    <div class="mdui-list-item-content">论据</div>
                </li>
            </a>

            <a href="../composition/index.html">
                <li class="mdui-list-item mdui-ripple">
                    <i class="mdui-list-item-icon mdui-icon material-icons">brush</i>
                    <div class="mdui-list-item-content">作文</div>
                </li>
            </a>

            <a href="../about/index.html">
                <li class="mdui-list-item mdui-ripple">
                    <i class="mdui-list-item-icon mdui-icon material-icons">info_outline</i>
                    <div class="mdui-list-item-content">关于</div>
                </li>
            </a>

        </ul>
    </div>
    <div class="mdui-container">
        <div class="mdui-fab-wrapper" mdui-fab>
            <button class="mdui-fab mdui-ripple mdui-color-theme-accent">
                <!-- 默认显示的图标 -->
                <i class="mdui-icon material-icons">add</i>
                <i class="mdui-icon mdui-fab-opened material-icons">add</i>
            </button>
            <div class="mdui-fab-dial">
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="lock_btn">
                    <i class="mdui-icon material-icons">lock</i>
                </button>
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="unlock_btn">
                    <i class="mdui-icon material-icons">lock_open</i>
                </button>
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="page_up">
                    <i class="mdui-icon material-icons">arrow_upward</i>
                </button>
                <button class="mdui-fab mdui-fab-mini mdui-ripple mdui-color-theme-accent" id="page_down">
                    <i class="mdui-icon material-icons">arrow_downward</i>
                </button>
            </div>
        </div>

        <div id="p1"></div>
        <div style="height: 13px"></div>
        <p>欢乐春节，中国文化温暖世界</p>
        <div class="mdui-panel mdui-panel-popout" mdui-panel>

            <div class="mdui-panel-item">
                <div class="mdui-panel-item-header">新闻</div>
                <div class="mdui-panel-item-body">
                <p>1月1日至2月25日，中国对外文化集团公司组派国内多家艺术团体，分赴美国、泰国、马耳他、约旦、英国、意大利、法国、比利时、尼泊尔9个国家和中国台湾地区的多个城市，参加文化部2018年“欢乐春节”活动。文艺演出交流、传统技艺展示、中华美食飘香、展览活动丰富……形式多样、异彩纷呈，让当地民众充分感受中国春节的欢乐祥和，领略中华文化的博大精深。活动彰显文化交流的丰硕成果，中国文化再一次温暖世界。</p>
                </div>
            </div>

        </div>

        <div id="p2"></div>
        <div style="height: 13px"></div>
        <p>400多元一瓶依然供不应求 枇杷膏在国外成“网红”</p>
        <div class="mdui-panel mdui-panel-popout" mdui-panel>

            <div class="mdui-panel-item">
                <div class="mdui-panel-item-header">新闻</div>
                <div class="mdui-panel-item-body">
                    <p>中医药文化源远流长，有着千年的历史，很多中药配方传承至今已经成为很多明星级别的中成药，不但在国内深受欢迎，即便在国外也逐渐成为“网红”，甚至代购的新时尚。</p>
                    <p>对于枇杷膏，很多人都不陌生，咳嗽患者更是印象深刻，这种中药制成的像糖浆一样的药物，一改中药苦口的形象，清甜芳香，几乎成了居家治疗咳嗽的必备药物之一。</p>
                    <p>枇杷膏最近真是在国际上火了一把，《华尔街日报》一篇关于念慈庵川贝枇杷膏的报道让其成为了最新网红。今年冬天，美国民众同样深陷于被流感侵袭的烦恼中，仅仅在2018年第3周，美国因为流感或者肺炎而死亡的人数达到了4064人。流感引发的咳嗽久治不愈，让很多美国人苦不堪言，这个时候，枇杷膏就像是神丹妙药，一跃成为明星产品，以至于身价暴涨。</p>
                    <p>在亚马逊网站购入一瓶枇杷膏居然要30美元（约合190人民币元），打开亚马逊网站，搜索Pei-Pa-Koa也可以翻出很多售卖商家，评价几乎清一色地给了好评五颗星，而在很多国外的中国超市里，甚至一度狂飙到70美元（大概450人民币元），但仍旧卖到脱销。</p>
                </div>
            </div>
        </div>

        <div id="p3"></div>
        <div style="height: 13px"></div>
        <p>跨界、直播 70岁京剧四大名旦传人尚慧敏的传承与创新</p>
        <div class="mdui-panel mdui-panel-popout" mdui-panel>

            <div class="mdui-panel-item">
                <div class="mdui-panel-item-header">新闻</div>
                <div class="mdui-panel-item-body">
                    <p>她是京剧四大名旦之一尚小云的嫡长孙女，是京剧艺术的无私守护者，是为了京剧传承尝试新派唱法，接受跨界，开门收徒的京剧大家；自10岁登台学戏以来，这位名门之后已将京剧的一招一式全部融入到血液里，凝固于生命中。今年70岁的她已鲜少登台，用她的话讲“长江后浪推前浪，要把更多机会留给年轻的京剧人。”</p>
                    <p>再过几天，尚慧敏即将迎来自己从艺60年的演出，紧张而密集的排练几乎占据了她所有的时间。在排练时，学生们喜欢录制一些尚慧敏的经典唱段视频。身边人透露，别看老人家已年过七旬，但对许多新鲜事物接受起来其实比年轻人还快，前段时间尝试了直播，其实，与她而言没有什么特别的感觉，更重要的是这种形式“对京剧艺术的传播有好处……”</p>
                    <p>今日的尚慧敏已将更多的精力和时间都用在教授京剧艺术上，“如何让经典唱段保有其艺术的本真与活力，不至于成为绝唱。”是她考虑得最多的问题。</p>
                </div>
            </div>
        </div>
        <div style="height: 15px"></div>

    </div>
</body>
<script src="../js/mdui.min.js"></script>
<script src="../js/smooth-scroll.js"></script>
<script>
    var $$ = mdui.JQ;
    var now_node = new Number(1);
    $$('#lock_btn').on('click', function () {
        $$.lockScreen();
    });
    $$('#unlock_btn').on('click', function () {
        $$.unlockScreen();
    });
    $$('#page_down').on('click', function () {
        now_node += 1;
        var scroll = new SmoothScroll();
        var anchor = document.querySelector('#p' + now_node.toString());
        scroll.animateScroll(anchor);
    });
    $$('#page_up').on('click', function () {
        now_node -= 1;
        if (now_node <= 0) now_node = 1;
        var scroll = new SmoothScroll();
        var anchor = document.querySelector('#p' + now_node.toString());
        scroll.animateScroll(anchor);
    });

</script>

</html>